<template>
  <!-- 层叠过渡效果 -->
  <transition name="el-zoom-in-center">
    <div class="jsbos-preview-main flow-form-main">
      <div class="jsbos-common-page-header">
        <!-- 页头 -->
        <el-page-header @back="goBack" content="发送记录" />
        <!-- 确定/取消 -->
        <div class="options">
          <!-- <el-button
            type="primary"
            @click="dataFormSubmit()"
            :loading="btnLoading"
          >
            {{ $t("common.confirmButton") }}</el-button
          > -->
          <el-button @click="goBack()">{{
            $t("common.cancelButton")
          }}</el-button>
        </div>
      </div>
      <!-- 接收人记录 -->
      <receive-list
        ref="receiveListVisibleRef"
        v-bind="$props"
        :msgId="messageId"
        :channelType="channelType"
      />
    </div>
  </transition>
</template>

<script>
import { getList } from "@/views/message/api/mcTaskMsgReceive";
import receiveList from "./receiveList";

export default {
  components: { receiveList },
  props: {
    menuId: {
      type: String,
      default: "",
    },
  },
  data() {
    return {
      messageId: "",
      channelType: "",
      btnLoading: false,
      loading: false,
    };
  },
  watch: {},
  methods: {
    /** 返回 */
    goBack() {
      this.$emit("close", false);
    },
    /**表单初始化 */
    init(id) {
      this.messageId = id || "";
    },
  },
};
</script>
<style lang="scss" scoped>
.tag-list {
  .el-tag {
    margin-top: 10px;
    cursor: pointer;
    & + .el-tag {
      margin-left: 10px;
    }
  }
}
</style>
